<template>
	<view>
		<view class="title">
			<text>禅师松鼠8</text>
			<button type="default" class="btn">保存证书到相册</button>
		</view>
		<view class="bg">
		  <image src="../../../static/我的证书.png" mode=""></image>
		</view>
		
		<view class="title">
			<text>巴黎教堂</text>
			<button type="default" class="btn">保存证书到相册</button>
		</view>
		<view class="bg">
		  <image src="../../../static/我的证书.png" mode=""></image>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.title{
		width: 90%;
		margin: 5%;
		display: flex;
		justify-content: space-between;
	}
	
	.title text {
		font-weight: 700;
		font-size: 36rpx;
	}
	
	.title .btn {
		border: 2rpx solid #FF0000;
		height: 40rpx;
		line-height: 36rpx;
		color: #FF0000;
		margin-top: 10rpx;
	}
	
	.bg image {
		width: 90%;
		margin: 0 5% 2% 5%;
	}
</style>
